const plugin = require('tailwindcss/plugin')

module.exports = {
    content: ['./src/**/*.{vue,js,ts,jsx,tsx}'],
    separator: '__',
    theme: {
        extend: {
            // 自定义的颜色
            colors: {
                primary: '#FF9D14',
                grayText: '#999999',
                danger: '#D81E06',
                success: '#52C41B',
                warning: '#FF9F08',
                pagebg: '#F3F3F3',
                line: '#eee',
            },
        },
    },
    variants: {
        extend: {},
    },
    plugins: [
        require('@tailwindcss/line-clamp'),
        plugin(function ({ addUtilities }) {
            const newUtilities = {
                // 设置文字渐变的开启
                '.text-gradient': {
                    'background-clip': 'text',
                    '-webkit-background-clip': 'text',
                    '-webkit-text-fill-color': 'transparent',
                },
            }

            addUtilities(newUtilities)
        }),
    ],
    corePlugins: {
        preflight: false,
        space: false,
        divideColor: false,
        divideOpacity: false,
        divideStyle: false,
        divideWidth: false,
    },
}
